$(function(){
  
  var page=1;
  var pageSize=5;
  

  function render(){
    $.ajax({
      url:'/category/queryTopCategoryPaging',
      type:'get',
      data:{
        page:page,
        pageSize:pageSize
      },
      success:function(info){
        $('tbody').html(template('tpl', info))
  
        // 分页功能
        $('#paginator').bootstrapPaginator({
          bootstrapMajorVersion: 3,
          // 当前页
          currentPage: page,
          // 总页数
          totalPages: Math.ceil(info.total / info.size),
          // 给按钮注册点击事件
          onPageClicked: function(a, b, c, p) {
            // 修改了当前页
            page = p
            // 重新发送渲染整个页面
            render()
          }
        })
      }
    })
  }


  render();

  
  
  $('.add-btn').on('click',function(){
    $('#addModal').modal('show');
  })
  
  
  // 表单校验
  $('form').bootstrapValidator({
    fields: {
      categoryName:{
        validators: {
          notEmpty:{
            message: '一级分类的名称不能为空'
          }
        }
      }
    },
     // 配置的校验的小图标
     feedbackIcons: {
      valid: 'glyphicon glyphicon-thumbs-up',
      invalid: 'glyphicon glyphicon-thumbs-down',
      validating: 'glyphicon glyphicon-refresh'
    }
  })
  

  $('form').on('success.form.bv',function(e){
    e.preventDefault()
    $.ajax({
      url:'/category/addTopCategory',
      type:'post',
      data:$('form').serialize(),
      success:function(){
        render();
        $('#addModal').modal('hide');

        $('form')
            .data('bootstrapValidator')
            .resetForm(true)
      }
    })
  })
  
  
  
})

